<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Main.Master" Inherits="System.Web.Mvc.ViewPage<Profile>" %>
<%@ Import Namespace="raya.Library.Extensions"%>
<%@ Import Namespace="raya.Models.people"%>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<div class="sideBar">
<div class="pad4">
<a class="selected" href="/contacts/">View friends</a>
</div>
<div class="pad4">
<a href="/contacts/add">Invite friends</a>
</div>
<div class="pad4">
<a href="/contacts/list/create">Create list</a>
</div>
<div class="pad4"><h3>Find friends</h3>
<input type="text" id="contacts_search" style="width:150px; vertical-align:middle" /><button>Go</button>
</div>
</div>
<div class="mainContent">
<div id="contacts_content">
<ul>
<li><a href="#all">Everyone</a></li>
<li><a href="#recent">Recently added</a></li>
</ul>
<div id="all">
<%
            Html.RenderControl(rayaControls.friends, ViewData.Model.friends);
            %>
</div>
<div id="recent">
</div>
</div>
</div>
<div class="sideBar"></div>
<script type="text/javascript">
    $(document).ready(function() {
        var $tabs = $('#contacts_content').tabs();
        if (querySt('tab') != undefined) {
            $tabs.tabs('select', '#' + querySt('tab'));
        }

    });
</script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
</asp:Content>
